
/* //--banner---轮播图 */

     img{
     	display:block;
		/* width:1200px; */
		height:768px;
		
     }
     #lun{
     	/* width:1200px; */
     	height:768px;
     	margin:0 auto;
     	
     	position:relative;
     }
     #lun>ul>li{
     	position:absolute;
     	top:0;
     	left:0;
     	opacity:0;
     	transition:opacity .6s linear;
     }
     #lun>ul>.active{
     	opacity:1;
     }
     /*轮播图圆点*/
     #list-circle{
     	width:100px;
     	height:20px;
     	background:rgba(255,255,255,0.6);
     	position:absolute;
     	bottom:30px;
     	left:50%;
     	/* margin-left:-100px; */
     	border-radius:20px;
     }
     #list-circle>ul>li{
     	float:left;
     	width:12px;
     	height:12px;
     	background:#fff;
     	margin-left:11px;
     	border-radius:50%;
     	margin-top:4px;
     }
     #list-circle>ul>.list-active{
     	background:#f00;
     }
     /*轮播图左右箭头*/
     #left,#right{
     	width:50px;
     	height:100px;
     	position:absolute;
     	bottom:50%;
     	/* margin-top:-50px; */
     	background:rgba(0,0,0,0.3);
     	line-height:90px;
     	text-align:center;
     	color:#fff;
     	font-size:60px;
     	/* -webkit-user-select:none; */
     	cursor:pointer;
     	display:none;
     }
     #right{
     	right:0;
     }
     #left:hover,#right:hover{
     	background:rgba(0,0,0,0.6);
     }
       
/* 热卖单品nav */
#nav_wrap{
	background: #fff;
}
#nav{
	width: 1000px;
	height: 1172px;
	/* background: yellow; */
	margin: 0 auto;
}
.nav_title {
	width: 1000px;
	height: 114px;
	
}
.nav_title h2{
	text-align: center;
	font-size: 28px;
	line-height: 114px;
	font-weight: 400;
	color: #333;
}
.nac_class{
	width: 1000px;
	height: 270px;
	/* border: 1px solid #000; */
	
}
.nac_class ul li{
	float: left;
}
.nac_class dt{
	width: 240px;
	height: 30px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}
.nac_class dd {
	width: 240px;
	height: 200px;
	background: url(../img/man.jpg) no-repeat center;
	
}
.nav_shop ul{
	width: 1000px;
	height: 700px;
	/* border: 1px solid red; */
}
.nav_shop ul li{
	float: left;
	display: block;
	width: 250px;
	height: 300px;
	/* border: 1px solid red; */
}
.nav_shop img{
	width: 165px;
	height: 165px;
	margin: 0 auto;
}
.nav_shop .p_l{
	display: block;
	width: 250px;
	height: 35px;
	text-align: center;
	font-size: 14px;
	color: #333;
	line-height: 35px;
	/* border: 1px solid #000; */
}
.nav_shop .p_x{
	display: block;
	width: 250px;
	height: 100px;
	text-align: center;
	font-size: 14px;
	color: #333;
	line-height: 100px;
	/* border: 1px solid #000; */
}
.nav_shop .anniu a{
	margin-top: 20px;
	display: block;
	width: 420px;
	height: 48px;
	/* border: 1px solid #000; */
	text-align: center;
	line-height: 48px;
	color: #FFFDEF;
	font-size: 16px;
	font-weight: 600;
	margin: 0 auto;
	background: #000000;
}
.nav_shop .anniu a:hover{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #000;
}
/* 新品推荐content */
#content_wrap{
	background: #ffffff;
}
#content{
	width: 1000px;
	height: 1320px;
	/* background: pink; */
	margin: 0 auto;
}
/* 街头领先colum */
#content_wrap{
	background: #ffffff;
}
#column{
	width: 1000px;
	height: 700px;
	/* background: orange; */
	margin: 0 auto;
}
.column_title {
	width: 1000px;
	
	height: 40px;
	background: #333333;
}
.column_title span{	
	font-size: 18px;
	line-height: 40px;
	color: #FFFFFF;
	padding-left: 30px;
}
.column_li{
	width: 1000px;
	height: 500px;
	
}
.column_li ul li{
	float: left;
	display: block;
	width: 500px;
	height: 500px;
}
.column_li ul li h2{
	/* text-align: center; */
	color: #000000;
	font-size: 24px;
	font-weight: 400;
	line-height: 60px;
}
.column_li ul li p{
	font-size: 12px;
	color: #000000;
	line-height: 20px;
}
.column_li img{
	width: 488px;
	height: 366px;
	margin: 0 auto;
}
.column_li span{
	margin-top: 30px;
	display: block;
	width: 200px;
	height: 50px;
	text-align: center;
	background: #000000;
	/* border: 1px solid #000000; */
}
.column_li span a{
	
	font-size: 18px;
	line-height: 50px;
	color: #FFFFFF;
}
/* 至酷精选 网转潮流 module */
#module_wrap{
	background: #ffffff;
}
#module{
	width: 1002px;
	height: 540px;
	background: orchid;
	margin: 0 auto;
}


#content_wrap{
	background: #ffffff;
}
#content{
	width: 1000px;
	height: 1320px;
	/* background: pink; */
	margin: 0 auto;
}
/* 街头领先colum */
#content_wrap{
	background: #ffffff;
}
#column{
	width: 1000px;
	height: 630px;
	/* background: orange; */
	margin: 0 auto;
}
.module_title {
	width: 1000px;
	
	height: 40px;
	background: #333333;
}
.module_title span{	
	font-size: 18px;
	line-height: 40px;
	color: #FFFFFF;
	padding-left: 30px;
}
.module_li{
	width: 1000px;
	height: 500px;
	
}
.module_li ul li{
	float: left;
	display: block;
	width: 333px;
	height: 500px;
}
.module_li ul li h2{
	/* text-align: center; */
	color: #000000;
	font-size: 24px;
	font-weight: 400;
	line-height: 60px;
}
.module_li ul li p{
	font-size: 12px;
	color: #000000;
	line-height: 20px;
}
.module_li img{
	width: 313px;
	height: 366px;
	margin: 0 auto;
}
.module_li span{
	/* margin-top: 30px; */
	display: block;
	width: 100px;
	height: 42px;
	text-align: center;
	
	/* background: #000000; */
	/* border: 1px solid #000000; */
}
.module_li span a{
	
	font-size: 18px;
	line-height: 50px;
	color: #333333;
}
/* 关注menu */
#menu_wrap{
	background: #464646;
}
#menu{
	width: 1002px;
	height: 360px;
	background: skyblue;
	margin: 0 auto;
}
.footer_top{
	width: 100%;
	height: 360px;
	/* border: 1px solid #FF0000; */
	background: #464646;
	float: left;
}
.footer_top h3{
	padding-top: 60px;
	height: 68px;
	line-height: 68px;
	font-size: 28px;
	color: #FFFDEF;
	font-weight: 500;
	text-align: center;
	/* border: 1px solid #FF0000; */
}
.footer_top p{
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	color: #FFFDEF;
	text-align: center;
	/* border: 1px solid #FF0000; */
}
.footer_top ul{
	height: 116px;
	margin-left:240px ;
	
	
	/* border: 1px solid #FF0000; */
}
.footer_top li{
	float: left;
}
.footer_top li a{
	display: block;
	width:105px;
	height: 116px;
	background: url(../img/weibo.jpg) no-repeat center;
	/* border: 1px solid #FF0000; */
}
/* 登录 */

#form{
	width: 1200px;
	height: 400px;
	/* border: 1px solid #000000; */
	margin: 0 auto;
	margin-top:90px;
	/* float: left; */
}
#form ul li{
	 float: left;
}
.left span{
	margin-top: 20px;
	display: block;
	width: 275px;
	height: 65px;
	/* border: 1px solid #000000; */
	color: #333333;
	font-size: 20px;
	text-align: center;
	line-height: 65px;
	font-weight: 400px;
}
.left{
	width: 275px;height: 380px;
	border-right: 1px solid #000000;
}
.left a{
	margin: 0 auto;
	display: block;
	width: 150px;
	height: 40px;
	background: #000000;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
.center{
	width: 420px;height: 380px;
	border-right: 1px solid #000000;
}
.center span{
	margin-top: 20px;
	display: block;
	width: 275px;
	height: 65px;
	/* border: 1px solid #000000; */
	color: #333333;
	font-size: 20px;
	text-align: center;
	line-height: 65px;
	font-weight: 400px;
}
.center img{
	/* display: block; */
	width: 40px;
	height: 40px;
	border: 1px solid #000000;
	float: left;
	margin-left:12px;
}
.center a{
	display: block;
	margin-left: 50px;
}


.right{
	width: 400px;
}
.right .lai p{
	/* display: block; */
	margin-top: 20px;
	width: 160px;
	height: 65px;
	/* border: 1px solid #000000; */
	color: #333333;
	font-size: 20px;
	text-align: center;
	line-height: 65px;
	font-weight: 400px;
	/* margin-top: -20px; */
	margin-left:90px ;
}
.right .input{
	/* border: none; */
	width: 300px;
	height: 40px;
	border: 1px solid #333333;
	margin-left:90px ;
	margin-top: 20px;
}
.input_t{
	/* border: none; */
	width: 300px;
	height: 40px;
	border: 1px solid #333333;
	margin-left:90px ;
	
}
.xieyi p{
	width: 488px;
	font-size: 12px;
	color: #000000;
	text-align: center;
	line-height: 20px;
	/* border: 1px solid #000000; */
	margin-top: 20px;
}
.xieyi a{
	color: red;
}

.con input{
	margin-left: 90px;
}
.con a{
	/* display: block; */
	margin-left: 125px;
}
/* 注册 */
.register{
	width: 1000px;
	height: 285px;
	/* border: 1px solid #000000; */
	margin: 0 auto;
	margin-top: 90px;
}
.register li{
	float: left;
	display: block;
	width: 300px;
	height: 95px;
	/* border: 1px solid red; */
	margin: 0 15px;
}
.register .mui-input-row label{
	/* border: 1px solid #0077AA; */
	display: block;
	width: 300px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	
}
.register .mui-input-row input {
	width: 300px;
	height: 40px;
	color: #333333;
}
.register .mui-input-row span{
	color: red;
}
.register .mui-input-row .sex {
	float: left;
	width: 150px;
	height: 40px;
	/* border: 1px solid #0077AA; */
}
.register .mui-input-row .sex input{
	width: 22px;
	height: 22px;
	/* margin-top: 18px; */
}
.register .mui-input-row .sex span{
	color: #333333;
	/* display: block;
	width: 20px;
	height: 20px; */
	line-height: 20px;
}

.register .mui-input-row select{
	width: 88px;
	height: 40px;
}
.register .mui-input-row .but input{
	
	width: 141px;
	height: 40px;
	float: left;
	
}
.register .mui-input-row .but1 input{
	border: none;
	width: 141px;
	height: 40px;
	margin-left: 13px;
	background: #848484;
	color: #FFFFFF;
}
.register .last label{
	/* border: 1px solid #0077AA; */
	display: block;
	width: 300px;
	height: 32px;
	font-size: 11px;
	line-height: 32px;
	text-align: center;
}
.register .last a{
	color: red;
}
.register .last input{
	border: none;
	width: 300px;
	height: 40px;
	/* margin-left: 13px; */
	background: #000000;
	color: #FFFFFF;
	font-size: 22px;
}
.register .last input:hover{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #000000;
}
.mainBoxList{
	width: 1000px;
	height: 500px;
	/* border: 1px solid #000000; */
	margin: 0 auto;
}
.mainBoxList li{
	float: left;
}
.mainBoxList a{
	display: block;
	width: 400px;
	height: 400px;
	/* border: 1px solid #000000; */
}
.mainBoxList a img{
	width: 500px;
	height: 400px;
	
}
.mainBoxList h5{
	width: 500px;
	/* border: 1px solid #000000; */
	height: 40px;
	
	text-align: center
}
.mainBoxList p{
	width: 500px;
	
	/* border: 1px solid #000000; */
	text-align: center
}
